<template>
  <div>
    <div
      style="
        position: fixed;
        top: 5%;
        right: 1%;
        width: 10%;
        height: 500px;
        background: #6699ff;
        color: #000000;
      "
    >
      <button onclick="empty()" type="button" style="width: 100%; height: 50px">
        鼠标
      </button>

      <button onclick="cube()" type="button" style="width: 100%; height: 50px">
        矩形
      </button>

      <button
        onclick="Sphere()"
        type="button"
        style="width: 100%; height: 50px"
      >
        圆形
      </button>
    </div>

    <div class="container">
      <div>
        <Editor />
      </div>
      <div
        :style="{
          position: 'absolute',
          top: '10px',
          width: '100%',
          textAlign: 'center',
        }"
      >
        <a href="http://www.krmes.com" target="_blank">IMR-3D Desinger</a>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import Editor from "./components/Editor.vue";
</script>
